<template>
    <div class="Attention_Theme_Card">
        <div class="Attention_Theme-Pc">
            <div class="box">
                <div class="top">
                    <div class="left">
                        @赵老哥
                    </div>
                    <div class="right">
                        66个小时前
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        多谢提醒，已更正
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        评论：
                    </div>
                    <div class="middle">
                        <b>【研报分享】华泰多因子模型体系初探(下)</b>
                    </div>
                </div>
            </div>
            <div class="box">
                <div class="top">
                    <div class="left">
                        @赵老哥
                    </div>
                    <div class="right">
                        66个小时前
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        多谢提醒，已更正
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        评论：
                    </div>
                    <div class="middle">
                        <b>【研报分享】华泰多因子模型体系初探(下)</b>
                    </div>
                </div>
            </div>
            <div class="box">
                <div class="top">
                    <div class="left">
                        @赵老哥
                    </div>
                    <div class="right">
                        66个小时前
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        多谢提醒，已更正
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        评论：
                    </div>
                    <div class="middle">
                        <b>【研报分享】华泰多因子模型体系初探(下)</b>
                    </div>
                </div>
            </div>
            <div class="box">
                <div class="top">
                    <div class="left">
                        @赵老哥
                    </div>
                    <div class="right">
                        66个小时前
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        多谢提醒，已更正
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        评论：
                    </div>
                    <div class="middle">
                        <b>【研报分享】华泰多因子模型体系初探(下)</b>
                    </div>
                </div>
            </div>
            <div class="box">
                <div class="top">
                    <div class="left">
                        @赵老哥
                    </div>
                    <div class="right">
                        66个小时前
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        多谢提醒，已更正
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        评论：
                    </div>
                    <div class="middle">
                        <b>【研报分享】华泰多因子模型体系初探(下)</b>
                    </div>
                </div>
            </div>
            <div class="box">
                <div class="top">
                    <div class="left">
                        @赵老哥
                    </div>
                    <div class="right">
                        66个小时前
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        多谢提醒，已更正
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        评论：
                    </div>
                    <div class="middle">
                        <b>【研报分享】华泰多因子模型体系初探(下)</b>
                    </div>
                </div>
            </div>
            <div class="box">
                <div class="top">
                    <div class="left">
                        @赵老哥
                    </div>
                    <div class="right">
                        66个小时前
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        多谢提醒，已更正
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        评论：
                    </div>
                    <div class="middle">
                        <b>【研报分享】华泰多因子模型体系初探(下)</b>
                    </div>
                </div>
            </div>
            <div class="box">
                <div class="top">
                    <div class="left">
                        @赵老哥
                    </div>
                    <div class="right">
                        66个小时前
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        多谢提醒，已更正
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        评论：
                    </div>
                    <div class="middle">
                        <b>【研报分享】华泰多因子模型体系初探(下)</b>
                    </div>
                </div>
            </div>
            <div class="box">
                <div class="top">
                    <div class="left">
                        @赵老哥
                    </div>
                    <div class="right">
                        66个小时前
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        多谢提醒，已更正
                    </div>
                </div>
                <div class="top">
                    <div class="left">
                        评论：
                    </div>
                    <div class="middle">
                        <b>【研报分享】华泰多因子模型体系初探(下)</b>
                    </div>
                </div>
            </div>
        </div>
        <div class="Attention_Theme-Mobile">
        </div>
    </div>
</template>
<script>
export default {
    name:'Attention_Theme',
}
</script>
<style scoped>
.Attention_Theme-Pc{
    display: block;
    width:100%;
}
.Attention_Theme-Mobile{
    display: none;
}
.box{
    width:100%;
    padding: 15px 20px 0 25px;
    height: 120px;
    border-bottom: 1px solid #e6e6e6;
}
.box .top{
    width: 100%;
    height: 30px;

}
.box .top .left{
    float: left;
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    color:rgb(102, 101, 101);
}
.box .top .middle{
    float: right;
    font-size: 15px;
    width: 85%;
    line-height: 30px;
    height: 30px;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.box .top .right{
    float: right;
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    color: rgb(102, 101, 101);
    
}
</style>